<div class="mapcontainer">
    <div class="mapoutline">
		<svg version="1.1"  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="900px" height="700px" viewBox="0 0 900 700" enable-background="new 0 0 900 700" xml:space="preserve">
<g id="aid">
	<rect id="bg" x="0" fill="#FFFFE3" width="900" height="700"/>
	<polygon fill="#FFF6E1" stroke="#BCB8A2" stroke-miterlimit="10" points="900,700 900,439.585 723.166,427.167 612.5,453.167
		594.055,462.712 579.381,475.29 547.941,453.281 529.074,438.608 532.218,456.425 517.545,453.98 521.392,465.857 494.49,488.914
		496.584,511.974 488.201,523.499 459.906,535.027 466.195,542.362 428.465,567.171 414.491,567.805 382.093,700 	"/>
	<g>
		<polygon fill="#E6EFE7" points="541.5,60 730,-4.167 -9.5,-8.5 -9.5,267.5 274.912,132.442 		"/>
		<g>
			<polyline fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" points="724.321,-2.232 730,-4.167 724,-4.202
							"/>

				<line fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" stroke-dasharray="11.9264,11.9264" x1="712.073" y1="-4.271" x2="2.463" y2="-8.43"/>
			<polyline fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" points="-3.5,-8.465 -9.5,-8.5 -9.5,-2.5 			"/>

				<line fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" stroke-dasharray="11.4783,11.4783" x1="-9.5" y1="8.979" x2="-9.5" y2="255.76"/>
			<polyline fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" points="-9.5,261.5 -9.5,267.5 -4.08,264.926
							"/>
			<polyline fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" stroke-dasharray="11.9727,11.9727" points="
				6.736,259.791 274.912,132.442 541.5,60 718.654,-0.304 			"/>
		</g>
	</g>
	<polygon fill="#FFF6E1" stroke="#BCB8A2" stroke-miterlimit="10" points="382.093,700 414.491,567.805 372.543,538.051
		334.842,521.69 305.493,521.69 278.945,497.934 168.97,569.982 124.543,610.854 0,648.982 0,700 	"/>
	<text transform="matrix(1 0 0 1 693.0999 365.4121)" fill="#A09888" font-family="'MicrosoftYaHei'" font-size="12"> 阿其图乌拉苏木 </text>
	<g enable-background="new    ">
		<text transform="matrix(1 0 0 1 528.5901 532.5303)" fill="#A09888" font-family="'MicrosoftYaHei'" font-size="12"> 桑宝拉格苏木 </text>
	</g>
	<g enable-background="new    ">
		<text transform="matrix(1 0 0 1 183.5789 124.7559)" fill="#A09888" font-family="'MicrosoftYaHei'" font-size="12">蒙古国</text>
	</g>
	<g enable-background="new    ">
		<text transform="matrix(1 0 0 1 245.7717 567.8047)" fill="#A09888" font-family="'MicrosoftYaHei'" font-size="12"> 额仁淖尔苏木 </text>
	</g>
	<g enable-background="new    ">
		<text transform="matrix(1 0 0 1 192.7957 329.0059)" fill="#A09888" font-family="'MicrosoftYaHei'" font-size="12">二连浩特</text>
	</g>
	<g enable-background="new    ">
		<text transform="matrix(1 0 0 1 642.6721 146.0879)" fill="#A09888" font-family="'MicrosoftYaHei'" font-size="12">苏尼特左旗</text>
	</g>
	<polygon fill="#FFF6E1" stroke="#BCB8A2" stroke-miterlimit="10" points="900,292.224 853.773,265.017 828.536,238.378
		808.908,224.359 764.045,226.46 723.416,271.923 705.162,283.24 705.162,316.888 676.771,316.888 647.331,348.433 652.587,376.824
		632.348,417.042 602.116,438.857 593.703,463.042 608.426,468.302 620.34,485.126 658.897,506.152 706.566,476.71 723.387,437.456
		764.045,437.456 764.045,451.477 797.694,462.691 831.339,458.484 831.339,465.497 846.762,461.292 852.368,471.806
		845.362,492.134 849.038,492.486 900,497.934 	"/>
</g>
<g id="vill_25" class="gmap">
	<polygon id="_x30_3" fill="#EDE68C" stroke="#828282" stroke-miterlimit="10" points="609.834,327.777 616.166,309.938
		678.135,315.301 647.416,348.667 652.5,377.938 632.348,417.042 603.211,438.067 594.5,461.938 578.381,475.062 528.589,438.521
		528.589,433.396 538.5,420.604 561.166,387.271 561.834,374.501 545.25,365.412 567.834,337.938 583.834,346.661 588.75,327.777
		"/>
	<text transform="matrix(1 0 0 1 568.7063 373.833)" font-family="'MicrosoftYaHei'" font-size="14">巴彦楚鲁嘎查</text>
</g>
<g id="vill_14" class="gmap">
	<polygon id="_x30_1" fill="#EDA398" stroke="#828282" stroke-miterlimit="10" points="686.5,199.833 666.5,231.167
		615.166,231.167 615.166,224.359 598.5,227.167 563.166,195.833 545.832,187.167 583.166,187.167 613.166,178.5 686.5,181.167 	"/>
	<text transform="matrix(1 0 0 1 579.3723 204.833)" font-family="'MicrosoftYaHei'" font-size="14">巴音额勒图嘎查</text>
</g>
<g id="vill_13" class="gmap">
	<polygon id="_x30_6" fill="#60CDEF" stroke="#828282" stroke-miterlimit="10" points="765.51,226.392 724.832,270.167
		704.166,283.167 706.246,317.176 677.166,308.833 625.166,283.833 598.5,227.167 615.166,224.359 615.166,230.833 666.166,228.833
		685.5,202.167 684.166,220.833 	"/>
	<text transform="matrix(1 0 0 1 624.3704 260.667)" font-family="'MicrosoftYaHei'" font-size="14">额尔敦都木嘎查</text>
</g>
<g id="vill_21" class="gmap">
	<polygon id="_x30_5" fill="#D48BF2" stroke="#828282" stroke-miterlimit="10" points="359,167.5 412.5,171.5 472,167.5
		503.5,184.5 557,185.5 600.166,227.833 625.166,283.833 706.246,317.176 676.787,316.766 616.166,311.167 596.5,293
		527.335,260.667 459,207 436.5,210 416.5,186 	"/>
	<text transform="matrix(1 0 0 1 471.3713 207.9316)" font-family="'MicrosoftYaHei'" font-size="14">贡宝拉格嘎查</text>
</g>
<g id="vill_24" class="gmap">
	<polygon fill="#66DD99" stroke="#828282" stroke-miterlimit="10" points="538.5,423.501 498.5,402.501 491.5,378.501 430.5,305.5
		409.5,286.5 400.5,286.5 363.5,241.463 341.5,202.167 341.5,178.5 359,167.5 416.5,186 436.5,210 459,207 532.224,262.952
		603.211,294.667 616.166,311.167 609.834,329.006 588.75,331.5 583.834,347.889 567.834,339.167 545.25,365.412 531.5,362.501
		521.392,369.501 527.335,375.501 521.392,389.001 524,392.501 528.589,389.001 553.957,399.102 	"/>
	<text transform="matrix(1 0 0 1 422.0383 282.5986)" font-family="'MicrosoftYaHei'" font-size="14">那仁宝拉格嘎查</text>
</g>
<g id="vill_20" class="gmap">
	<polygon fill="#B68EF4" stroke="#828282" stroke-miterlimit="10" points="426.474,396.253 456,407.501 464,421.501 494.5,421.501
		514.995,447.476 530,444.501 532.813,457.031 517.5,453.938 521.392,465.857 494.629,490.466 496.547,511.572 488.201,523.499
		460.5,534.501 466.195,542.362 428.465,567.171 414.491,567.805 367.72,535.958 395.315,484.5 399.832,416.501 	"/>
	<text transform="matrix(1 0 0 1 404.0378 485.5615)" font-family="'MicrosoftYaHei'" font-size="14">晶图锡力嘎查</text>
</g>
<g id="vill_22" class="gmap">
	<polygon fill="#EFB860" stroke="#828282" stroke-miterlimit="10" points="282,407.001 293.176,399.102 297.5,395.251 337,392.501
		379.5,395.251 389,427.167 399.778,417.341 395.315,484.5 367.72,535.958 334.582,521.333 305.493,521.69 278.945,497.934
		302.5,458.501 	"/>
	<text transform="matrix(1 0 0 1 301.4998 456.0996)" font-family="'MicrosoftYaHei'" font-size="14">额尔敦敖包嘎查</text>
</g>
<g id="vill_26" class="gmap">
	<polygon fill="#26B8D1" stroke="#828282" stroke-miterlimit="10" points="294.709,397.734 329.832,392.501 376.682,396.761
		389,427.167 427.79,395.251 414.5,362.501 416.5,350.001 407,330 370.706,306.825 323.115,263.925 308.301,260.667 290.5,339.5
		287.5,360.835 	"/>
	<text transform="matrix(1 0 0 1 306.0378 373.833)" font-family="'MicrosoftYaHei'" font-size="14">萨茹拉塔拉嘎查</text>
</g>
<g id="vill_23" class="gmap">
	<polygon id="_x30_4" fill="#D371AB" stroke="#828282" stroke-miterlimit="10" points="303.403,128.813 347.832,151.167
		361.166,171.833 344.832,180.833 340.832,200.167 351.902,220.745 400.5,286.5 409.5,286.5 431,303.5 491.5,378.501 498.5,402.501
		538.5,423.501 528.589,435.501 530,444.501 514.995,447.476 494.5,421.501 464,421.501 456,407.501 424.5,395.501 414.5,362.501
		416.5,350.001 407,330 377.277,312.747 323.115,263.925 308.301,260.667 315.277,231.167 312,172 301.5,155.5 	"/>
	<text transform="matrix(1 0 0 1 358.9998 317.1768)" font-family="'MicrosoftYaHei'" font-size="14">巴彦敖包嘎查</text>
</g>
<g id="_x30_2" class="gmap">
	<polygon id="_x30_2_2_" fill="#7572ED" stroke="#828282" stroke-miterlimit="10" points="553.957,399.102 528.589,389.001
		524,392.501 521.392,389.001 527.335,375.501 521.392,369.501 531.5,362.501 539.127,364.115 545.832,365.412 561.834,374.501
		561.166,388.501 	"/>
	<text transform="matrix(1 0 0 1 488.0374 380.8008)" font-family="'MicrosoftYaHei'" font-size="14">查干若尔</text>
</g>
</svg>
	</div>
</div>
<script type="text/javascript" src="/govpover/index/js/jquery-1.11.3.min.js"></script>
<script>
    var list = ( $!pkListStr)
    jQuery(function ($) {
        $(".gmap").mouseover(function (event) {
            $("#dataDIv").show();
            var id = $(this)[0].id
            var curleft = parseInt($(event.target).offset().left) - 50;
            var curtop = parseInt($(event.target).offset().top + $(event.target).outerHeight()) - 170;
            if (curtop < 0) {
                curtop = curtop + 234
                $(".tooltip-arrow").addClass("up")
            }
            else {
                $(".tooltip-arrow").removeClass("up")
            }
            $.each(list, function (index, ob) {
                if (("vill_" + ob.villageId) === id) {
                    $("#townNameEm").text(ob.villageName)
                    $("#povertyPopEm").text(ob.povertyPop)
                    $("#povertyFamilyNum").text(ob.residentPop)
                    $("#povertyRateEm").text(ob.povertyRatePercent)
                }
            })
            $("#dataDIv").css("top", curtop + "px").css("left", curleft + "px")
        });
    })
</script>